<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<!-- Bootstrap 的 CSS 文件 必须在最前面-->
	<link rel="stylesheet" href="/static/assets/dist/css/bootstrap.min.css">
	<!-- jQuery 和 Bootstrap 集成包（集成了 Popper） -->
	<script src="/static/assets/dist/js/jquery-3.5.1.min.js"></script>
	<script src="/static/assets/dist/js/bootstrap.bundle.min.js"></script>
	<title>Title</title>
	<style>
		html,
		body {
			height: 100%;
		}

		body {
			display: flex;
			align-items: center;
			padding-top: 40px;
			padding-bottom: 40px;
			background-color: #d0e4ff;
		}

		.form-signup{
			width: 100%;
			max-width: 330px;
			padding: 15px;
			margin: auto;
		}
	</style>
	<script src="/static/js/signup.js"></script>
</head>
<body>
<div class="form-signup">
	<div class="text-center">
		<div id="registeralert" class="alert"></div>
		<img class="mb-4" src="/static/assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
		<h1 class="h3 mb-3 fw-normal text-center">欢迎注册</h1>
	</div>
	<form>
		<div class="form-group">
			<label for="email">Email address</label>
			<input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="邮箱" autofocus>
			<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
		</div>
		<div class="form-group">
			<label>Username</label>
			<input class="form-control" type="text" id="username" name="username" placeholder="用户名">
		</div>
		<div class="form-group">
			<label for="password">Password</label>
			<input type="password" class="form-control" id="password" name="password" placeholder="密码">
		</div>
		<div class="form-group">
			<label for="re_password">Ensure Password</label>
			<input type="password" class="form-control" id="re_password" name="re_password" placeholder="确认密码">
		</div>
		<div class="form-group form-check">
			<input type="checkbox" class="form-check-input" id="exampleCheck1">
			<label class="form-check-label" for="exampleCheck1">Check me out</label>
		</div>
		<button type="button" class="btn btn-primary" id="register">注册</button>
	</form>
	<div id="ret"></div>
</div>
</body>
</html>